
/*****************************************
 * Author: QinBaoxian
 * Description: the css we write for the web pages
  -----------------------------------------
  Index
  $1 - layout
  $2 - header
  $3 - side menu
  $4 - advanced search
  ***************************************/
/**
 * $1 - layout
 */
 html, body {overflow:hidden;	padding:0;	margin:0;	height: 100%; }
iframe {width:100%;	height:100%;border:0 none;	margin:0; }
.pageHead, .pageSide, .pageSearch, .pageMain {position:absolute;}

.pageHead {	top:0;	left:0;	width:100%;	height:56px;}
.pageSide {	top:56px; left:0; bottom:0;	/* overflow:auto;*/	width:224px; padding-right:2px;}
.pageSearch { top:56px; left:226px; bottom:0;	display:none; padding-right:2px; width:299px; overflow:auto; #BBCEE8 solid; background:#F4F6FC url(../images/bg_pageSide.png) 100% 0 repeat-y; }
.pageMain {	top:56px; left:226px; right:0;	bottom:0;}

/**
 * $2 - header
 */
 .pageHead { font-size:12px; color:#9bb8da;}
 .pageHead-con { padding:15px 25px 0 20px; height:39px; border-bottom:2px #032f60 solid;  background:#333 ;}
 .pageHead .logo { vertical-align:top; height:31px; margin-right:20px;}
 .pHead-sidePanel { position:absolute; left:180px; top:20px;}
 .pHead-sidePanelright { position:absolute; right:36px; top:15px;}
 .pHead-sidePanelright img { vertical-align:middle;}
 .pHead-sidePanelright a {vertical-align:middle;}

 .logout{ background:url(../images/icons/cross.png) no-repeat; padding-left:20px;}
 a.logoutfont,a.logoutfont:link,a.logoutfont:visited,a.logoutfont:active{ color:#9bb8da; text-decoration:none;}
 a.logoutfont:hover{ color:#ffffff; text-decoration:none;}
 a.pageHeadfont,a.pageHeadfont:link,a.pageHeadfont:visited,a.pageHeadfont:active{ color:#fbfff3; text-decoration:none; padding:5px 0 5px 30px; line-height:30px;}
 a.pageHeadfont:hover{ color:#ffffff; text-decoration:none;}

 .write{color:#fff;}
 
 .pageright{ list-style:none;}
 .pageright li{ float:left; background:url(../images/line.jpg) no-repeat 99% 0; padding:0 12px; margin:2px;}
 
 .homeicon{ background:url(../images/icons/home_v2.png) no-repeat;}
 .settingicon{ background:url(../images/icons/add_v2.png) no-repeat;}
 .callicon{ background:url(../images/icons/call_v2.png) no-repeat;}
 .helpicon{ background:url(../images/icons/help_v2.png) no-repeat;}

 

/**
 * $3 - side menu
 */
.pageSide { background:#e5f0f2 url(../images/bg_pageSide.png) 100% 0 repeat-y;  overflow: auto; }
/* add search */
.pageSide-advanced-menu { margin:0; padding:0; color: #064ea2;}
.pageSide-advanced-menu li.Item { margin:0; padding:10px 0 12px 35px; background: url(../images/bg_pageSide_item.png) 0 100% repeat-x; font-size:14px; line-height:27px;}
.pageSide-advanced-menu .Link { font-weight:bold; color:#064ea2; display:inline-block;}
.pageSide-advanced-menu .line{ padding:0 8px 0 35px; color: #5b89c3; font-weight:400 !important;}
.pageSide-advanced-menu .menu { position:absolute; display:none; z-index:5; *margin-top:25px; left:80px; width:125px; padding-top:20px; background:url(../images/pageSide-advanced-menu-t.gif) 0 0 no-repeat;}
.pageSide-advanced-menu li.Item-on .menu{ display:block;}

.pageSide-advanced-menu .Link_add{ background:url(../images/icons/addcustomer.png) no-repeat; padding-left:32px;}
.pageSide-advanced-menu .Link_search{ background:url(../images/icons/search.png) no-repeat; padding-left:32px;}
.pageSide-advanced-menu .Item_image { display:inline-block; vertical-align:middle; width:30px; height:30px; background:url(../images/icons/3clayout.png) 50% 50% no-repeat; cursor:pointer;}
.pageSide-advanced-menu .Item_image_add { background-image:url(../images/icons/arrow.png); }

.pageSide-advanced-menu .menu ul {  padding-bottom:8px; background:url(../images/pageSide-advanced-menu-b.gif) 0 100% no-repeat;}
.pageSide-advanced-menu .menu li {margin:0; padding:0 0 2px; font-size:12px; line-height:1.5; background:#064ea2 url(../images/pageSide-advanced-menu-a-line.gif) 0 100% repeat-x;  border:none;}
.pageSide-advanced-menu .menu a { display:block; padding:5px 0 5px 30px; color:#b0c8e3; background:url(../images/icons/arrows.png) 15px 50% no-repeat; }
.pageSide-advanced-menu .menu a:hover { background-color:#d2dcf2; color:#064ea2; text-decoration:none;}
.pageSide-advanced-menu .menu li.Last { background-image:none; padding:0;}
#pageSide .control-menu { cursor:pointer;}

.pageSide-advanced-menu .menu-add a { background-image:url(../images/add_left1.png); }
.pageSide-advanced-menu .menu-add a:hover { background-image:url(../images/add_left2.png); }
.pageSide-advanced-menu .menu-search a { background-image:url(../images/search_left1.png); padding-left:35px; }
.pageSide-advanced-menu .menu-search a:hover { background-image:url(../images/search_left2.png);}
/* EDN add search */

.pageSide-menu {margin:0; padding:10px 0 20px 0; background: url(../images/bg_pageSide_item.png) 0 100% repeat-x;}
.pageSide-menu ul { margin:8px 0 10px 35px; display:none;}
.pageSide-menu li { margin:0;}
.pageSide-menu h2 { margin:0; padding:0 0 0 35px ; line-height:28px; font-size:14px;}
.pageSide-menu h2 span { display:inline-block; padding-left:18px;  font-weight:bold; background:url(../images/pageMenu_slideUp.png) 0 50% no-repeat; font-weight:400; color:#000; cursor:pointer;}
.pageSide-menu h2.on {  background:#333; color:#fff;}
.pageSide-menu h2.on span { background-image:url(../images/pageMenu_slideDown.png); font-weight:bold; color:#fff;}
.pageSide-menu li li a { display:inline-block; margin:2px 0 2px 18px; line-height:22px; padding-left:20px; background:url(../images/pageMenu_item.png) 0 50% no-repeat; }
.pageSide-menu a  { color:#4c4c4c;}

/**
 * $4 - advanced search
 */

 #common-search-client { display:none; position:absolute; left:230px; width:260px; background:#fff; padding:8px; border:1px #999 solid;}
 #common-search-client-save { display:none; position:absolute; left:240px; width:220px; background:#fff; padding:8px; border:1px #999 solid; z-index:100;}

 .pageSearch dt.DT { padding:8px;  margin:5px 0 0; background:#c4dee5 url(../images/icons/plus.gif) 95% 50% no-repeat; color:#666; cursor:pointer;}
 .pageSearch dt.DT-Show { background-image:url(../images/icons/minus.gif); background-color:#7fb6c4; color:#fff;}
 .pageSearch dt.DT:hover { background-color:#7fb6c4; color:#fff;}
 .pageSearch dd.DD { display:none; padding-left:5px; background:#fff; }
 .pageSearch dd.DD dt { color:#000;}
 .search-advanced dl.form { margin:0;}


 /*高级搜索顶部按钮条*/
.pageSearch-bar { position:relative; padding:5px 10px; height:31px;  border-bottom:1px #a4bde0 solid; background:url(../images/pageSearch-bar.png);line-height:31px;}
.pageSearch-bar span { margin:0 10px; font-weight:800; cursor:pointer;}
.pageSearch-bar .Btns { position:absolute; right:10px; top:10px; }
.pageSearch-bar .Btns span {   display:inline-block; width:16px; height:13px; margin:0 0 0 10px; overflow:hidden; background:Url(../images/icons/left.gif);}
.pageSearch-bar span.Reset {background-image:url(../images/icons/refresh.gif);}

.search-advanced-btns { padding-top:10px; text-align:center;}
